page-home {

}

#carousel{
    width: 100%;
    height: auto;
    position: relative;
    .carousel-link{
        display: block;
        width: 100%;
        height: 100%;
        vertical-align: middle;
        overflow: hidden;
    }

    .carousel-panel{
        right: 0px;
        width: 100%;
        height: 1rem;
        position: absolute;
        display: -webkit-box;
        -webkit-box-align: center;
        -webkit-box-pack: center;
        display: -ms-flexbox;
        -ms-flex-align: center;
        -ms-flex-pack: center;
        display: -moz-box;
        -moz-box-align: center;
        -moz-box-pack: center;
        text-align: center;
        bottom: 0.25rem;
     
        transform: translateZ(0px);
        a{
            display: block;
            overflow: hidden;
            width: 0.8rem;
            height: 0.8rem;
            margin: 0 .09375rem;
            background-size: 0.25rem 0.5rem;
            background-position: 0px 0px;
            background-image: url();
        }
    }
}


page-home {
    .user_name {
        color: #afafaf;
    }
    .message {
        padding: 10px !important;
        transition: all 250ms ease-in-out !important;
        border-radius: 10px !important;
        margin-bottom: 4px !important;
    }
    .my_message {
        background: color($colors, primary) !important;
        color: #000 !important;
    }
    .other_message {
        background: #dcdcdc !important;
        color: #000 !important;
    }
    .time {
        color: #afafaf;
        float: right;
        font-size: small;
    }
    .message_row {
        background-color: #fff;
    }
}